<template>
  <div>
    <h2>Child</h2>
    <!-- {{ msg }} -->
    {{ props.msg }}
  </div>
</template>

<script>
// export default {
//   // props: ['msg'],
//   props: {
//     msg: {
//       type: String,
//       default: '默认值',
//     },
//   },
//   created() {
//     console.log('create--' + this.msg);
//   },
//   setup(props, context) {
//     console.log(context);
//     console.log('setup--' + props.msg);
//     return {};
//   },
// };
</script>

<script setup>
import { defineProps } from 'vue';
// const props = defineProps(['msg'])
const props = defineProps({
  msg: {
    type: String,
    default: '默认值',
  },
});
</script>

<style lang="scss" scoped></style>
